iT邦幫忙

2022 iThome 鐵人賽

DAY 3
0
AI & Data

初學者介紹TensFlow.js系列系列 第 3

[Day3]設定好tensflow.js

  • 分享至 

  • xImage
  •  

今天要來談談如何來匯入我們的TensFlow.js工具。
首先我們有兩種方法

  1. 在HTML上添加腳本標記
    我們可在html中直接引用已經tensflow.js打包好的javascript程式碼

  2. 使用npm
    如果對javascript比較熟的話,我們也可以直接使用npm安裝依賴項,而這也是筆者我所使用的方式。
    在介紹匯入之前我們先來介紹一下相關的工具,這會使我們使用起來更加的便利:

visual studio code
微軟所提供的開發者環境,最大的特點是能夠不斷地根據自己的需求加裝套件,這在我們使用javascipt檔案時會更為方便。
我們可以到他的官網免費安裝https://code.visualstudio.com/

https://ithelp.ithome.com.tw/upload/images/20220915/20152506IxrKvI5B5D.png
Node.js
TENSFLOW.js套件跟node配合非常好故建議安裝,而且安裝node時他會自帶NPM的安裝。
NodeJS作用主要用在作為網站伺服器,去處理每個到來的網站訪客請求,去系統層面去讀取一些網頁檔案,或者連結資料庫。它可以使用已知的前端知識來設定網站伺服器,無須再特地去學後端的語言。
我們可以到他的官網來下載https://nodejs.org/zh-tw/download/

載好後會長這個樣子
https://ithelp.ithome.com.tw/upload/images/20220915/20152506vnUaJ2QDZV.png

之後我們就可以透過在終端命令欄上輸入npm -v來確定是否已經安裝npm
,可以直接開啟命令欄也可以透過visual studio code 上的中端使用命令欄
之後到https://www.npmjs.com/package/@tensorflow/tfjs使用tensflow.js發布已經打包好的程式碼到命令項安裝即可
使用
https://ithelp.ithome.com.tw/upload/images/20220915/20152506vDYwxsxXGd.png
安裝
https://ithelp.ithome.com.tw/upload/images/20220915/201525063jzNdLNmbR.png
成功
https://ithelp.ithome.com.tw/upload/images/20220915/20152506rQtJRx9fQE.png
這只是純javascript版本,如有需要其他版本也能透過這種方式安裝。
例如@tensorflow/tfjs-node這是C的版本。

之後我們可以透過ES6 下命令匯入javascript檔案中
import*as tf from ‘@tensorflow/tfjs;

今天我們先講到這裡剩下的明天再繼續


上一篇
[Day2] 關於TensFlow.js
下一篇
[Day4]初談張量
系列文
初學者介紹TensFlow.js系列30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言